<!DOCTYPE html>

<html>

<head>
    {%block title%}{%endblock%}
    <meta charset="utf-8">
    <link rel="shortcut icon" href={{url_for("static",filename="icon/icon.jpg" )}}>
    <link rel="stylesheet" href={{url_for("static",filename="css/divtest.css" )}}>

    {%block style%}
    <style>
        .header{
            background-color: black;

        }

        body{
            background-image: url({{url_for("static",filename="img/62.jpg")}});
        }
        .card{
            background-color:rgb(39, 43, 43);
            padding-top: 100px;
            padding-bottom: 100px;
        }
    </style>
    {%endblock%}

</head>

<body>
    <div class="header">
        {%block header%}{%endblock%}
    </div>
    <div class="row">
        <div class="column sides">
            {%block leftside%}{%endblock%}
        </div>
        <div class="column middle">
            <ul>
                {% for message in get_flashed_messages() %}
                <div class=flash><li><p>{{ message }}</p></li></div>
                {% endfor %} 
            </ul>
            <div class="card" style="padding: 10px;">
                {%block cardmid1%}{%endblock%}
            </div>
            <div class="card">
                {%block cardmid2%}{%endblock%}
            </div>
        </div>
    </div>
    <div class="footer">
        {%block footer%}
        <a href={{url_for("root.index")}}> <p style="text-align: center;">返回目录</p></a>
        <form method="get">

            &emsp;
            <input type="submit" value="跳转到"><input type="text" name="page" style="width: 50px;">
            &emsp;

        </form>
        {%endblock%}

    </div>
</body>


</html>